﻿
body 
{
    background:#CCCCCC url(../images/back-main-top.jpg) no-repeat top center;
    
}

/* =INITIAL 
   v2.1, by Faruk Ates - www.kurafire.net
   Addendum by Robert Nyman - www.robertnyman.com */

/* Neutralize styling: 
   Elements we want to clean out entirely: */
html, body, form, fieldset, input, textarea {
	margin: 0;
	padding: 0;
	font: 100%/120% Tahoma, Arial, Helvetica, sans-serif;
}
table {
	border-spacing:0px;
	padding:0px;
}

/* Neutralize styling: 
   Elements with a vertical margin: */
h1, h2, h3, h4, h5, h6, p, pre,
blockquote, ul, ol, dl, address {
	
	padding: 0;
	margin:0;
}

/* Apply left margin:
   Only to the few elements that need it: */
li, dd, blockquote {
	margin-left: 0px;
}

/* Miscellaneous conveniences: */
form label {
	cursor: pointer;
}
fieldset {
	border: none;
}

/* Form field text-scaling */
input, select, textarea {
}

a img 
{
    border:none;
    display:block;
}
ul,li 
{
    margin:0px;
}
/*----------------*/



/* MASTER PAGE CONTENT STYLING */

.main-wrapper 
{
    margin-left: auto;
    margin-right: auto;
    width: 980px;
    background:url(../images/sprite-repeat-y.jpg) repeat-y;
    background-position: -249px -0px;
}

.left-wrapper
{
    float: left;
    width: 217px;
    position: relative;
}

.central-wrapper
{
    float: left;
    width: 731px;
    position: relative;
    background-color: #ffffff;
}

/* Left section */

.left-logo 
{
    background-image: url('../images/logo.jpg');
    float: left;
    width: 100%;
    height: 154px;
}

.left-content-wrapper
{
    float: left;
    position: relative;
    width: 100%;
    background:url(../images/sprite-repeat-y.jpg) repeat-y;
    padding-bottom: 15px;
}

.left-leftpart 
{
    float: left;
    position: relative;
    height: 178px;
    width: 19px;
    background-image: url('../images/sprite-images.jpg'); 
}

.left-middlepart 
{
    float: left;
    width:198px;
}

.left-bottompart 
{
    background-image: url('../images/sprite-images.jpg');
    background-position:-51px 0px;
    float: left;
    width: 100%;
    height: 12px;
    font-size:1px;
}

   /* Left section menu */

    .main-menu 
    {
        margin-left:0px;
    }
    
    ul.main-menu li 
    {
        list-style-type: none;
    }
    
    ul.main-menu li a 
    {
         display: block; 
         text-decoration: none;
    }
    ul.main-menu li a.selected 
    {
        background:White;
        color:#C18353;
        margin:5px 0px;
    }
    ul.main-menu li a
    {
        color: #ffffff;
        font-size: 17px;  
        text-transform: uppercase;
        padding-left: 20px;
        padding-bottom: 10px; 
        padding-top: 10px;
    }
    
    ul.main-menu li ul li a
    {
        color: #ffffff;
        font-size:11px;
        padding-left: 30px;
        padding-bottom: 2px;
        padding-top: 0px;
        text-transform:capitalize;
    }

    /* End of menu */
    
/* End of left section */

/* Central section */

.main-central-wrapper 
{
    
}
div.homepage-images 
{
    width: 721px;
    height: 440px;
    border:solid 5px white;
}
.main-central-wrapper img 
{
}
.generic-central-wrapper 
{
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
}

.gradient-wrapper 
{
     background-image: url('../images/sprite-repeat-x.jpg');
    background-position: -0px -0px;
    background-repeat: repeat-x;
    height: 25px;
}

.bottom-container 
{
    float: left;
    width: 100%;
    background-image: url('../images/sprite-images.jpg');
    background-position: -51px -32px;
    background-repeat: no-repeat;
    height:28px;
}

/* End of central section */


/* Right section */

.right-wrapper 
{
    float: left;
    width: 32px;
    position: relative;
}

.right-upperpart 
{
    background-image: url('../images/sprite-images.jpg');
    background-position:-19px 0px;
    width: 100%;
    height: 400px;
}

.right-middlepart 
{
    height:200px;
    background-image: url('../images/sprite-repeat-y.jpg');
    background-repeat:repeat-y;
    background-position:-217px 0px;
}

.right-bottompart 
{
    background-image: url('../images/sprite-images.jpg');
    background-repeat:no-repeat;
    float: left;
    width: 100%;
    height: 18px;
    background-position:-51px -14px;
}

/* End of right section */

/* END OF MASTER PAGE CONTENT STYLES */

/* HTML ELEMENTS */
div.generic-central-wrapper p,
div.generic-central-wrapper ul
{
    margin-bottom:15px;
}
div.generic-central-wrapper table.central-layout ul 
{
    margin-left:0px;
}

div.generic-central-wrapper ul, ul
{
    margin-left:40px;
} 

div.generic-central-wrapper table.central-layout p 
{
    margin-bottom:0px;
}
div.generic-central-wrapper p,
div.generic-central-wrapper li,
div.generic-central-wrapper td,
li
{
    line-height: 21px;
}

p  
{
    margin-bottom:15px;
    text-align: justify;
}

h1, h2  
{
    font-size: 19px;
    color: #BE7D4C;
    padding-bottom: 10px;
}
div.generic-central-wrapper object
{
    margin-bottom:10px;
}
h2 
{
    color:#333333;
    font-size:15px;
}
body 
{
    font-size: 13px;

    margin:0px;
    color: #372213;
}

a 
{
    color: #3387B9;
    font-size: 14px;
}

/* START OF HOME PAGE CONTENT PLACEHOLDER */

.central-layout 
{
    width: 691px;
    float: left;
}

table.central-layout td.left 
{
    padding-left:0px;
    width: 203px;
    padding-right: 20px;
    vertical-align: text-top;
}

table.central-layout td.middle 
{
    border-left:1px solid #CCCCCC;
    border-right:1px solid #CCCCCC;
    width: 203px;
    padding: 0px 20px;
    vertical-align: text-top;
    
}

table.central-layout td.middle ul
{
    display: block;
}

div.generic-central-wrapper table.central-layout ul.services-list 
{
    margin-left:13px;
}

table.central-layout td.right
{
    padding-right:0px;
    padding-left: 20px;
    vertical-align: text-top;
}

/* Formatted text and cells in the right-aligned div */

.formatted-text 
{
    font-size: 18px;
    letter-spacing: -1px;
    font-weight: bold;
    color: #266589;
    text-decoration: none;
}

.pre-format 
{
    font-size: 18px;
    letter-spacing: -1px;
    font-weight: bold;
    color: #4D9DCE;
}

.get-in-touch-sub 
{
    height: 85px;
    padding-top: 15px;
}

.contact-Tel 
{
    padding-right: 10px;
}

.contact-Tel-Wrapper 
{
    background-image: url('../images/sprite-images.jpg');
    background-repeat:no-repeat;
    background-position: -54px -64px;  
    width: 36px;
    height: 28px; 
}

.contact-Env-Wrapper 
{
    background-image: url('../images/sprite-images.jpg');
    background-repeat:no-repeat;
    background-position: -55px -97px;
    width: 35px;
    height: 25px;
}

/* END OF MAIN PAGE CONTENT PLACE HOLDER */

/* CONTENT PAGE */

    .content-page-div  
    {
        padding: 10px 0px;
    }
    
/* END OF CONTENT PAGE */

/* CONTACT CONTENT PAGE */

   .contact-wrapper-div 
   {
   }
      
   
   div.contact-form-wrapper div.form 
   {
       width: 100%;
   }
   
    div.contact-form-wrapper div.form table
   {
       font-size: 12px;
       margin-left: auto;
       margin-right: auto;
       padding-top: 10px;
   }
   
   div.contact-form-wrapper div.form table.form td.label 
   {
       width: 90px;
       height: 30px;
       font-weight: bold;
       vertical-align: text-top;
   }
   
   .contact-form-title, .contact-form-title-variant 
   {
       display: block;
       border-bottom: dotted 1px black;
       margin-left: 10px;
       margin-right: 10px;
       margin-bottom: 15px;
       padding-bottom: 3px;
       font-weight: bold;
       font-size: 15px;
   }
   
   .contact-variant-content 
   {
       padding-left: 10px;
       padding-right: 10px;
       display: block;
   }
   
   .contact-form-variant 
   {
       margin-bottom: 15px;
   }

   div.contact-form-wrapper div.form table.form td.buttons input
   {
       margin-top: 10px;
       padding: 10px;
   }
   
   .contact-form-overview-wrapper 
   {    
       width: 400px;
       float: left;
       padding-right: 20px;
   }
   
   .contact-details-wrapper 
   {
       width: 250px;
   }
   
   .contact-details h2 
   {
        font-size: 19px;
        color: #BE7D4C;
        display: block;
   }
   
   .contact-details table
   {
       font-size: 12px;
       width: 100%;
   }
   
   .map-text 
   {
       display: block;
       margin-top: 5px;
   }
   
   .contact-details table td
   {
       padding: 5px 5px 5px 0px;         
   }
   
    .contact-details table td.label
   {
       font-weight: bold;     
       vertical-align: top;
   }

   .contact-details-wrapper 
   {
       float: left;
       position: relative;
       padding-left: 20px;
       border-left: solid 1px #cccccc;
   }
    
/* END OF CONTACT PAGE */

div.google-map 
{
    height:300px;
    border: solid 1px #333333;
    padding: 1px;
    margin-top: 15px;
}

.clear 
{
    clear:both;
}

/** Fields */

.field,
.field-over,
.field-error,
.field-error-over,
.field-error-focus-over,
.field-focus,
.field-focus-over,
.field-required,
.field-required-focus,
.field-required-error,
.field-required-error-focus,
.field-required-over,
.field-required-focus-over,
.field-required-error-over,
.field-required-error-focus-over
{
	border:1px solid #CCCCCC;
	padding:5px;
}
.field-over,
.field-error-over,
.field-required-error-over,
.field-required-over 
{
    background-color:#FAFAFA;
}
.field-focus,
.field-focus-over,
.field-required-focus,
.field-required-focus-over 
{
    border-color:#BE7D4C;
}
.field-error,
.field-error-over,
.field-required-error,
.field-error-focus-over,
.field-required-error-focus,
.field-required-error-over,
.field-required-error-focus-over
{
    border-color:#AA0000;
}
.field-error-focus-over,
.field-required-error-focus,
.field-required-error-focus-over 
{
    border-color:#FF0000;
}
/* End fields */
table.form input,
table.form textarea
{
    width:200px;
}
table.form td.buttons input 
{
    width:auto;
}
hr 
{
    border-bottom:none;
    border-top:solid 1px #CCCCCC;
}

p.last-edited-date 
{
    text-align:right;
    color:#AAAAAA;
    font-size:11px;
}
.main-menu ul 
{
    margin-left:0px;






}
ul.main-menu object 
{
    display:block;
    margin:0px;
    padding:0px;
}
table.get-in-touch-sub a.formatted-text:hover
{
    color:#4D9DCE;
}
img.right,
table img
{
    float:right;
    margin:15px;
    margin-right:0px;
    border:solid 5px #BE7D4C;    
}
table img 
{
    float:none;
}
a:hover 
{
    text-decoration:none;
}
div.casasoft 
{
    background:#CCCCCC;
    text-align:center;
    padding-right:31px;
    padding-left:217px;
    clear:both;
    padding-bottom:10px;
}
div.casasoft a 
{
    text-decoration:none;
    color:#666666;
    font-size:10px;
}
div.casasoft a:hover 
{
    color:#333333;
}

div.latest-news h2 
{
    margin:0px;
    padding:0px;
}
div.latest-news address 
{
    font-style:normal;
    color:#666666;
    font-size:10px;
    margin-bottom:5px;
}
p.courtesy-times,
p.courtesy-times a
{
    font-size:10px;
    text-align:center;
}
    
